<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <title>兑换商城</title>
  <link href="./static/css/app.css" rel="stylesheet">
</head>

<body>
  <div id="app" class="bg">
    <div  id="top" class="top">
      <div  class="dou"><i  class="icon"></i> <span  class="text">0</span> <i  class="add"></i></div>
      <div class="account">
        <div class="dui router-link-exact-active router-link-active"><a href="shop.html"><i class="icon"></i>兑换商城</a>
        </div>
        <div class="me"><a href="me.html"><i class="icon"></i>我的</a>
        </div>
      </div>
      <div  class="crash">
        <div class="malert">
          <div class="dialog-cover" style="display: none;"></div>
          <div class="alertC" style="display: none;">
            <div class="comfirm" style="display: none;"><span class="closeBtn"></span>
              <div class="content">
                <div class="text">
                  <div class="dous dous20">20</div> <button class="btn"></button></div>
                <div class="text">
                  <div class="dous dous50">50</div> <button class="btn"></button></div>
                <div class="text">
                  <div class="dous dous300">300</div> <button class="btn"></button></div>
                <div class="text">
                  <div class="dous dous1000">1000</div> <button class="btn"></button></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="continer">
      <div id="shop" class="shop" typemultiplier="[object Object],[object Object],[object Object],[object Object]">
        <div class="slider-wrapper">
          <div class="slider-content">
            <div class="slider">
              <div class="slider-group" style="width: 8250px; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-duration: 0ms; transform: translate(-750px, 0px) translateZ(0px);">
                <div class=" slider-item" style="width: 375px;">恭喜<span>张华平</span>中140000乐豆 </div>
                <div class=" slider-item" style="width: 375px;">恭喜<span>张华平</span>中700乐豆 </div>
                <div class=" slider-item" style="width: 375px;">恭喜<span>张华平</span>中700乐豆 </div>
                <div class=" slider-item" style="width: 375px;">恭喜<span>张华平</span>中700乐豆 </div>
                <div class=" slider-item" style="width: 375px;">恭喜<span>张华平</span>中700乐豆 </div>
                <div class=" slider-item" style="width: 375px;">恭喜<span>张华平</span>中700乐豆 </div>
                <div class=" slider-item" style="width: 375px;">恭喜<span>张华平</span>中700乐豆 </div>
                <div class=" slider-item" style="width: 375px;">恭喜<span>张华平</span>中1500乐豆 </div>
                <div class=" slider-item" style="width: 375px;">恭喜<span>张华平</span>中700乐豆 </div>
                <div class=" slider-item" style="width: 375px;">恭喜<span>Dada</span>中150乐豆 </div>
                <div class=" slider-item" style="width: 375px;">test<span>张华平</span>中140000乐豆 </div>
                <div class=" slider-item" style="width: 375px;">test<span>张华平</span>中700乐豆 </div>
                <div class=" slider-item" style="width: 375px;">test<span>张华平</span>中700乐豆 </div>
                <div class=" slider-item" style="width: 375px;">test<span>张华平</span>中700乐豆 </div>
                <div class=" slider-item" style="width: 375px;">test<span>张华平</span>中700乐豆 </div>
                <div class=" slider-item" style="width: 375px;">test<span>张华平</span>中700乐豆 </div>
                <div class=" slider-item" style="width: 375px;">test<span>张华平</span>中700乐豆 </div>
                <div class=" slider-item" style="width: 375px;">test<span>张华平</span>中1500乐豆 </div>
                <div class=" slider-item" style="width: 375px;">test<span>张华平</span>中700乐豆 </div>
                <div class=" slider-item" style="width: 375px;">test<span>Dada</span>中150乐豆 </div>
              </div>
              <!---->
            </div>
          </div>
        </div>
        <ul class="content">
          <li id="1" class="item">
            <div class="imgwapper"><img src="http://www.szliebang.com/views/image/dx.png" alt="中国电信100元充值卡"></div>
            <div class="desc">
              中国电信100元充值卡
            </div>
            <div class="changePrice"><i></i>1000
            </div> <button type="button" name="button" class="huan">兑换</button></li>
          <li id="2" class="item">
            <div class="imgwapper"><img src="http://www.szliebang.com/views/image/lt.png" alt="中国联通100元充值卡"></div>
            <div class="desc">
              中国联通100元充值卡
            </div>
            <div class="changePrice"><i></i>1000
            </div> <button type="button" name="button" class="huan">兑换</button></li>
          <li id="3" class="item">
            <div class="imgwapper"><img src="http://www.szliebang.com/views/image/yd.png" alt="中国移动100元充值卡"></div>
            <div class="desc">
              中国移动100元充值卡
            </div>
            <div class="changePrice"><i></i>1000
            </div> <button type="button" name="button" class="huan">兑换</button></li>
        </ul>
        <div class="loading-container" style="display: none;">
          <div class="loading"><img width="24" height="24" src="">
            <p class="desc">正在载入...</p>
          </div>
        </div>
        <div class="malert">
          <div class="dialog-cover" style="display: none;"></div>
          <div class="alertC" style="display: none;">
            <div class="duisuc" style="display: none;">
              <div class="text">
                尚品已发放，请领取
              </div> <button type="button" name="button" class="sucbtn">领取</button></div>
          </div>
        </div>
        <div class="malert">
          <div class="dialog-cover" style="display: none;"></div>
          <div class="alertC" style="display: none;">
            <div class="duisuc" style="display: none;">
              <div class="text">
                不好意思,
              </div> <button type="button" name="button" class="sucbtn">确定</button></div>
          </div>
        </div>
        <div class="malert" id="duanComfirm">
          <div class="dialog-cover" style="display: none;"></div>
          <div class="alertC" style="display: none;">
            <div class="scomfirm" style="display: none;"><span class="closeBtn"></span>
              <div class="text">
                <p>本次商品兑换，需要花费</p> <strong>0乐豆</strong></div> <button type="button" name="button" class="calbtn">取消</button> <button type="button" name="button" class="sucbtn">确定</button></div>
          </div>
        </div>
      </div>
    </div>
    <div class="malert">
      <div class="dialog-cover" style="display: none;"></div>
      <div class="alertC" style="display: none;">
        <div class="comfirm" style="display: none;"><span class="closeBtn"></span>
          <div class="text">
            <div class="dous"></div>
            <div class="oper"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" charset="utf-8"></script>
  <script src="static/js/home.js" charset="utf-8"></script>
</body>

</html>
